<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台-首页</title>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" th:href="@{/assets/css/local_index.css}"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>
<!--loading 加载层-->
<div th:replace="~{head :: loading}"></div>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!--/*@thymesVar id="user" type="com.hxht.cmp.shiro.CustomRealm"*/-->
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>
    <!-- begin #content -->
    <div id="content" class="content">
        <div class="panel cmp-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-9">
                        <div class="row row-fluid">
                            <div class="col-md-12" id="_index_today">
                                <div class="well-index map-local">
                                    <div class="cmp-center-left-back">
                                        <i class="fa fa-arrow-left fa-lg fa-fw"></i>
                                    </div>
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="active"><a id="showToday" href="#left-tab-1" data-toggle="tab">今日开庭</a></li>
                                        <li class=""><a id="showTomorrow" href="#left-tab-2" data-toggle="tab">明日预告</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content cmp-left-tabs-content" id="cmp-left-tabs-content">
                                        <div class="tab-pane fade active in" id="left-tab-1">
                                            <div class="row left-tab-row">
                                                <div class="split col-md-6 col-sm-12 left-tab-item"
                                                     th:each="one : ${todayCase}">
                                                    <a th:href="@{/system_monitor/panel_living(planUid=${one.planUid},vlcCourtUid=${one.courtUid},courtRoomUid=${one.courtroomUid})}">
                                                        <div class="row ">
                                                            <div class="col-xs-4">
                                                                <div class="left-tab-item-img-panel">
                                                                    <div class="left-tab-item-img">
                                                                        <p th:text="${one.statusName}"></p>
                                                                        <img th:src="@{/assets/img/list_test2.jpg}"
                                                                             alt="法院">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-8">
                                                                <div class="left-tab-item-content-panel">
                                                                    <p class="left-tab-item-content-panel-title"
                                                                       th:text="${one.statusName}"></p>
                                                                    <p class="left-tab-item-content-panel-room"
                                                                       th:text="${one.name}"></p>
                                                                    <p class="left-tab-item-content-panel-type"
                                                                       th:text="${one.courtroomName}"></p>
                                                                    <p class="left-tab-item-content-panel-time"
                                                                       th:utext="${one.startDate}"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="cmp-left-tabs-link">
                                                <a href="javascript:"
                                                   th:href="@{/more/more_notice (courtUid=${courtUid},flag=1)}">更多开庭>></a>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="left-tab-2">
                                            <div class="row left-tab-row">
                                                <div class="split col-md-6 col-sm-12 left-tab-item"
                                                     th:each="two : ${tomorrowCase}">
                                                    <a th:href="@{/system_monitor/panel_living(planUid=${two.planUid},vlcCourtUid=${two.courtUid},courtRoomUid=${two.courtroomUid})}">
                                                        <div class="row ">
                                                            <div class="col-xs-4">
                                                                <div class="left-tab-item-img-panel">
                                                                    <div class="left-tab-item-img">
                                                                        <p th:text="${two.statusName}"></p>
                                                                        <img th:src="@{/assets/img/list_test2.jpg}"
                                                                             alt="法院">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-xs-8">
                                                                <div class="left-tab-item-content-panel">
                                                                    <p class="left-tab-item-content-panel-title"
                                                                       th:text="${two.statusName}"></p>
                                                                    <p class="left-tab-item-content-panel-room"
                                                                       th:text="${two.name}"></p>
                                                                    <p class="left-tab-item-content-panel-type"
                                                                       th:text="${two.courtroomName}"></p>
                                                                    <p class="left-tab-item-content-panel-time"
                                                                       th:utext="${two.startDate}"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="cmp-left-tabs-link">
                                                <a href="javascript:"
                                                   th:href="@{/more/more_notice (courtUid=${courtUid},flag=2)}">更多开庭>></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="well-index well-review">
                                    <div class="cmp-bottom-more-reviewing">
                                        <span class="cmp-myindex-title"><i
                                                class="fa fa-youtube-play fa-lg more-video"></i>庭审回顾</span>
                                        <a id="review_link" href="more_reviewing.html"
                                           class="cmp-bottom-more-reviewing-btn">更多回顾>></a>
                                    </div>
                                    <div id="review_container" class="row ">
                                        <div class="col-xs-2" th:each="three : ${reviewCase}">
                                            <div class="cmp-bottom-reviewing-item">
                                                <a th:href="@{/system_monitor/panel_play(planUid=${three.uid},vlcCourtUid=${three.courtUid},courtRoomUid=${three.courtRoomUid})}">
                                                    <div class="cmp-bottom-reviewing-content">
                                                        <div class="cmp-bottom-reviewing-img-panel">
                                                            <p th:utext="${three.startDate}"></p>
                                                            <img th:src="@{/assets/img/more_court_test2.jpg}" alt="...">
                                                        </div>
                                                        <p class="cmp-bottom-reviewing-content-text"
                                                           th:text="${three.caseName}">
                                                        </p>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="well-index right-statistics" id="_well_statistics">
                            <p class="text-left" id="_now" style="margin-left: -5px"><i
                                    class="fa fa-play-circle-o fa-lg fa-fw"></i><span
                                    class="now context-span">正在开庭：</span></p>
                            <div class="row">
                                <div class="col-md-12 col-xs-12 right-statistics-child">
                                    <div>
                                        <p class="text-left cmp-myindex-title">
                                            <a id="courtNumberCount" href="javascript:void(0)">
                                                <i class="fa fa-file-video-o fa-lg fa-fw"></i><span id="_total"
                                                                                                    class="context-span"></span>
                                            </a>
                                        </p>
                                    </div>
                                    <table class="table table-condensed no-bottom context-white" id="_sumCount">
                                        <tbody>
                                        <tr>
                                            <td>刑事</td>
                                            <td>民事</td>
                                        </tr>
                                        <tr>
                                            <td>行政</td>
                                            <td>执行</td>
                                        </tr>
                                        <tr>
                                            <td>赔偿</td>
                                            <td>信访</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-xs-12 right-tab">
                                    <ul class="nav nav-tabs right-nav" role="tablist" id="_myTab">
                                        <li role="presentation" class="active" tabindex="0"><a href="#"><span
                                                class="tab-span">本地开庭数</span></a></li>
                                        <li role="presentation" tabindex="1"><a href="#"><span
                                                class="tab-span">开庭时长</span></a></li>
                                    </ul>
                                    <div class="echart-bar right-tab-child" tabindex="0" id="_countCount_chart"></div>
                                    <div class="echart-bar right-tab-child" tabindex="1" id="_countTime_chart"
                                         hidden="hidden"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-xs-12 statistics-keji">
                                    <a href="javascript:void(0);" class="cmp-myindex-title"><i
                                            class="fa fa-cogs fa-lg fa-fw"></i><span class="tab-span">法庭数字化</span></a>
                                    <div id="_technologyCourt" hidden="hidden">
                                        <div class="row pad-top" id="_tec_copy">
                                            <div class="col-lg-3 col-md-3 col-xs-4 text-right">
                                                <span>法庭恩恩</span>
                                            </div>
                                            <div class="col-lg-7 col-md-7 col-xs-7">
                                                <div class="progress" style="">
                                                    <div class="progress-bar progress-bar-striped" role="progressbar"
                                                         aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                                         style="width: 80%;font-size: 2rem">
                                                        45%
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-xs-2 text-left"
                                                 style="margin-left: -10px">
                                                <span>23/25</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-xs-12 statistics-echart">
                                    <a id="judge_trial_url" class="cmp-myindex-title">
                                        <i class="fa fa-cogs fa-lg fa-fw"></i><span class="tab-span">法官开庭情况</span>
                                        <div class="echart-bar" id="_sumJudgeTrial"></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end #content -->
    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- end page container -->
<!-- ================== START IMPORT JS ================== -->
<div th:replace="head :: footer_js(~{::script})">
    <script type="text/javascript" th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <script th:src="@{/assets/js/local_index.js}"></script>
    <!-- ================== END IMPORT JS ================== -->
    <script th:inline="javascript">
        var todayCase = [[${todayCase}]];
        var sum_judge_echart = [[${timeAndNumList}]];
        console.log(sum_judge_echart);
        p.init_judge_echart(sum_judge_echart);
    </script>

    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>
